.wrap{
    display: flex;
    flex-direction: column;
    border-top: 10px solid $color-grey;
    color: $color-text-secondary;
    font-size: 14px;
    :global(.title){
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        margin: 0;
        color: $color-text-secondary;
        height: 46px;
        padding-left: 10px;
    }
    :global(.list){
        padding-left: 10px;
        &-item{
            display: flex;
            align-items: center;
            height: 44px;
            position: relative;
            &::after{
                content: '';
                position: absolute;
                left: -50%;
                top: -50%;
                right: -50%;
                bottom: -50%;
                border: {
                    style: solid;
                    width: 0 0 1px;
                    color: #ccc;
                    radius: 0;
                }
                box-sizing: border-box;
                pointer-events: none;
                transform: scale(.5);
            }
            color: $color-text-regular;
            :global(.fa){
                color: $color-text-secondary;
                margin-right: 5px;
            }
        }
    }
    :global(.action){
        display: flex;
        align-items: center;
        justify-content: center;
        height: 46px;
    }
}